<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站信息抓取助手</title>
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' your-other-allowed-source;">
    <meta name="Keywords" content="顶易,顶易中国,,顶易科技,外贸,海关数据,客户挖掘,搜索客户,网站抓取,联系方式" />
    <meta name="description" content="顶易,顶易中国,,顶易科技,外贸,海关数据,客户挖掘,搜索客户,网站抓取,联系方式" />
    <link rel="stylesheet" href="./static/layui/css/layui.css">
    <link rel="stylesheet" href="./css/page.css">
</head>
<style>
</style>


<body>
    <div class="head_box" id="headBox">
        <div class="w head">
            <div class="logo">
                <img src="./img/logo.png" alt="">
            </div>

            <div class="login_tx_box">
                <div class="tx" style="display: none;" id="myTx">
                    <img src="./img/tx.png" alt="">
                </div>
                <div class="login_btn" id="loginBtn">
                    <span>
                        登录
                    </span>
                </div>
            </div>

            <div class="user_info" id="userInfo">
                <div class="tx_box">
                    <img src="./img/tx.png" alt="">
                </div>
                <h2 id="AccountName"></h2>


                <div class="user_info_dec">
                    <div class="line"></div>
                    <div><a href="http://www.topeasychina.com/forget.html" target="_blank">修改密码</a></div>
                    <div class="exit" id="exitLogin">退出</div>
                </div>
            </div>

        </div>

    </div>
    <div class="contariner">
        <div class="w main">
            <div class="banner">
                <div class="banner_count">
                    <div class="website_count">
                        <div class="website_count_icon">
                            <img src="./img/website_count.svg" alt="">
                        </div>
                        <div class="website_count_text">
                            <span class="website_count_title">域名数量</span>
                            <span class="website_count_num DomainCount">0</span>
                        </div>
                    </div>
                    <div class="website_count contacts_count">
                        <div class="website_count_icon">
                            <img src="./img/contacts_count.svg" alt="">
                        </div>
                        <div class="website_count_text">
                            <span class="website_count_title">联系方式数量</span>
                            <span class="website_count_num ContactCount">0</span>
                        </div>
                    </div>
                </div>
                <div class="banner_slide">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                        </div>
                        <div class="swiper-pagination">
                            <!-- <div class="selectTab"><span></span></div>
                            <div><span></span></div>
                            <div><span></span></div>
                            <div><span></span></div>
                            <div><span></span></div>
                            <div><span></span></div> -->
                        </div>
                    </div>
                </div>
            </div>


            <!-- tab切换 -->
            <div class="detail">
                <div class="detail_title_list">
                    <div class="detail_title_item website tabactive">
                        <img src="./img/horizontal_active.svg" alt="">
                        <span>域名列表</span>
                    </div>
                    <div class="detail_title_item history">
                        <img src="./img/restore.svg" alt="">
                        <span>联系方式</span>
                    </div>
                    <div class="detail_title_bg"></div>
                </div>




                <!-- /域名列表 -->
                <div class="website_detail">
                    <div class="high_select_box">
                        <div class="high_select">
                            <img src="./img/search.svg" alt="" class="search">
                            <span class="select_text">高级查询</span>
                            <div class="arrow_bottom" id="arrowBottomWebsite">
                                <img src="./img/arrow.svg" alt="">
                            </div>
                        </div>

                        <div class="high_select_btns">
                            <div class="high_select_btn daochu">
                                <img src="./img/share.svg" alt="">
                                <span>导出</span>
                                <img src="./img/sjx.svg" alt="" class="sjx">
                                <div class="daochu_list">
                                    <div class="daochu_item" id="daochuAllWebsite">导出全部</div>
                                    <div class="daochu_item" id="daochuWebsiteEmail">导出邮箱</div>
                                </div>
                            </div>
                            <div class="high_select_btn addDomainName">
                                <img src="./img/add2.svg" alt="">
                                <span>新增</span>
                            </div>
                            <div class="high_select_btn refresh">
                                <img src="./img/refresh.svg" alt="">
                                <span>刷新</span>
                            </div>
                        </div>
                    </div>

                    <div class="high_select_dec" style="display: none;" id="highSelectDec">
                        <span class="website_span">域名</span>
                        <input type="text" placeholder="请输入" class="website_ipt" id="mDomain">
                        <div class="secect_btn" id="secectDomainBtn">
                            查询
                        </div>
                    </div>

                    <!-- 域名 -->
                    <div class="website_list">
                        <div class="contacts_data_list">
                            <div class="loading_box" id="loadingBox" style="display: none;">
                                <div class="loading"></div>
                                <div>数据加载中...</div>
                            </div>
                            <!-- <table id="websiteList" lay-filter="websiteList"></table>
                            <div id="websiteLaypage"></div> -->
                            <div class="DomainNameList_box">

                                <!-- 表格 -->
                                <table style="margin: 0; padding: 0;">
                                    <thead class="table_header">
                                        <tr>
                                            <th style="width: 60px;"><input id="domainCheckAll" type="checkbox"></th>
                                            <th style="width: 240px;">域名</th>
                                            <th style="width: 240px;">邮箱</th>
                                            <th style="width: 180px;">电话</th>
                                            <th style="width: 240px;">备注</th>
                                            <th style="width: 240px;">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody class="DomainNametable_body">
                                        <!-- <tr>
                                            <td><input type="checkbox" name="" id=""></td>
                                            <td>bootcass.com</td>
                                            <td>cadn@qq.com</td>
                                            <td>15527543620</td>
                                            <td>备注</td>
                                            <td>
                                                <img class="ContactValue" src="./img/dec.svg" alt="">
                                                <img class="AddDomainName" src="./img/add.svg" alt="">
                                                <img class="delDomainName" src="./img/del.svg" alt="">
                                            </td>
                                        </tr> -->
                                    </tbody>
                                </table>

                                <!-- 分页 -->
                                <div id="demo-laypage-domain"></div>

                                <!-- <div class="paging">
                                    <div class="prev">上一页</div>
                                    <div class="pagingnum">
                                      
                                    </div>
                                    <div class="next">下一页</div>
                                </div> -->

                            </div>

                        </div>
                    </div>
                </div>

                <!-- 联系方式 -->
                <div class="history_detail" style="display: none;">
                    <div class="high_select_box">
                        <div class="high_select">
                            <img src="./img/search.svg" alt="" class="search">
                            <span class="select_text">高级查询</span>
                            <div class="arrow_bottom" id="arrowBottomHistory">
                                <img src="./img/arrow.svg" alt="">
                            </div>
                        </div>
                        <div class="high_select_btns">
                            <div class="high_select_btn daochu">
                                <img src="./img/share.svg" alt="">
                                <span>导出</span>
                                <img src="./img/sjx.svg" alt="" class="sjx">
                                <div class="daochu_list">
                                    <div class="daochu_item" id="daochuAllHistory">导出全部</div>
                                    <div class="daochu_item" id="daochuHistoryEmail">导出TXT</div>
                                </div>
                            </div>
                            <div class="high_select_btn addDomainName">
                                <img src="./img/add2.svg" alt="">
                                <span>新增</span>
                            </div>
                            <div class="high_select_btn refresh">
                                <img src="./img/refresh.svg" alt="">
                                <span>刷新</span>
                            </div>
                        </div>
                    </div>

                    <div class="high_select_dec history" id="highSelectDecHistory" style="display: none;">
                        <div class="timer" id="mySelectTime">
                            <span class="website_span">时间</span>
                            <input type="text" placeholder="开始时间" class="timer_ipt" id="StartTime">
                            <span class="website_span">至</span>
                            <input type="text" placeholder="结束时间" class="timer_ipt" id="EndTime">
                        </div>
                        <div class="website_ipt_box">
                            <span class="website_span">域名</span>
                            <input type="text" placeholder="请输入" class="website_ipt" id="DomainSelect">
                        </div>
                        <div class="website_ipt_box">
                            <span class="website_span">内容</span>
                            <input type="text" placeholder="请输入" class="website_ipt" id="ContactValueSelect">
                        </div>

                        <div class="type_box_ipt">
                            <span class="website_span">类型</span>
                            <input type="text" placeholder="请输入" class="type_ipt" id="ContactTypeSelect">
                        </div>
                        <div class="secect_btn" id="selectHistoryBtn">
                            查询
                        </div>
                    </div>


                    <!-- 联系方式 -->
                    <div class="website_list">
                        <div class="contacts_data_list">
                            <div class="loading_box" id="loadingBox2" style="display: none;">
                                <div class="loading"></div>
                                <div>数据加载中...</div>
                            </div>
                            <!-- <table id="historyList" lay-filter="historyList"></table>
                            <div id="historyLaypage"></div> -->

                            <div class="contactMethod_box">
                                <!-- 表格 -->
                                <table style="margin: 0; padding: 0;">
                                    <thead class="table_header">
                                        <tr>
                                            <th style="width: 60px;"><input type="checkbox" id="contactCheckAll"></th>
                                            <th style="width: 240px;">来源</th>
                                            <th style="width: 240px;">数据内容</th>
                                            <th style="width: 240px;">数据类型</th>
                                            <th style="width: 180px;">备注</th>
                                            <th style="width: 240px;">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody class="contactMethodtable_body">
                                        <!-- <tr>
                                            <td><input type="checkbox" name="" id="contactMethodCheckAll"></td>
                                            <td>bootcass.com</td>
                                            <td>cadn@qq.com</td>
                                            <td>15527543620</td>
                                            <td>备注</td>
                                            <td>
                                                <img src="./img/edit.svg" alt="">
                                                <img src="./img/del.svg" alt="">
                                            </td>
                                        </tr> -->
                                    </tbody>
                                </table>

                                <!-- 分页 -->
                                <div id="demo-laypage-contactmethod"></div>
                                <!-- <div class="paging">
                                    <div class="prev">上一页</div>
                                    <div class="pagingnum">
                                    </div>
                                    <div class="next">下一页</div>
                                </div> -->

                            </div>
                        </div>
                    </div>
                </div>

            </div>


        </div>
    </div>

    <!-- 登录弹窗 -->
    <div class="login_box active" id="loginBox">
        <div class="login_dec">
            <div class="close">
            </div>
            <div class="logo2">
                <img src="./img/logo2.svg" alt="">
            </div>
            <h3>网站信息抓取助手</h3>
            <div class="form_list">
                <div class="form_item">
                    <input type="text" placeholder="账号" id="username">
                </div>
                <div class="form_item pwd">
                    <input type="password" placeholder="密码" id="password">
                </div>
                <div class="login_btn_tc" id="loginBtnTc">
                    登录
                </div>
                <div class="my_link">
                    <a href="http://www.topeasychina.com/signup.html" target="_blank">立即注册</a><span>|</span>
                    <a href="http://www.topeasychina.com/forget.html" target="_blank">忘记密码</a><span>|</span>
                    <a href="http://www.topeasychina.com/TopeasyUserAgreement/TopeasyUserAgreement.html"
                        target="_blank">《隐私权政策》 </a>
                </div>
            </div>
        </div>
    </div>


    <!-- 新增弹窗 -->
    <div class="add_box active" id="addBox">
        <div class="add_dec">
            <div class="close">
            </div>
            <div class="add_title">
                新增
            </div>
            <div class="form">
                <div class="form_item">
                    <div class="min_title">域名</div>
                    <input type="text" placeholder="请输入" id="Domain">
                </div>
                <div class="form_item">
                    <div class="min_title">数据类型</div>
                    <div class="radio_list" id="ContactType">
                        <div class="radio_item">
                            <img src="./img/radio_active.svg" alt="" data-type="0">
                            <span>邮箱</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="8">
                            <span>电话</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="9">
                            <span>传真</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="10">
                            <span>地址</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="11">
                            <span>公司名称</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="1">
                            <span>Facebook</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="2">
                            <span>Twitter</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="3">
                            <span>Linkedin</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="4">
                            <span>Skype</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="5">
                            <span>Youtube</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="6">
                            <span>Instagram</span>
                        </div>
                        <div class="radio_item">
                            <img src="./img/radio.svg" alt="" data-type="7">
                            <span>Pinterest</span>
                        </div>
                    </div>
                </div>
                <div class="form_item">
                    <div class="min_title">数据内容</div>
                    <input type="text" placeholder="请输入" id="ContactValue">
                </div>
                <div class="form_item">
                    <div class="min_title">备注</div>
                    <input type="text" placeholder="请输入" id="Trip">
                </div>
            </div>

            <div class="form_footer">
                <div class="form_footer_btn cancel">取消</div>
                <div class="form_footer_btn affirmAdd">添加</div>
            </div>
        </div>
    </div>

    <script src="./js/jquery.js"></script>
    <script src="./static/layui/layui.js"></script>
    <script src="./static/security_mi.js"></script>
    <script src="./js/ajax.js"></script>
    <!-- 
    <script src="https://tpis.smartsousou.com/TPLinkRun/advertisingURL.js" type="text/javascript"
        charset="utf-8"></script> -->
    <script src="./js/swiper.js"></script>

    <script src="./js/util.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/table.js"></script>


</body>

</html>